<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)"></apes-button-list>
</apes-header>
<div class="balanceSheet">

  <apes-content [relevancy]="relevancyMetadata">
    <!--<p [ngStyle]="{ display: hidn }"><i class="anticon anticon-exclamation-circle-o"></i> 必填！选项不能为空 </p>-->

    <div class="boxShowFlex" style="background:white;margin:0px 8px 8px">
      <!-- 公司名称 -->
      <div apes-col apesSpan="10">
        <span class="span">公司：</span>
        <ng-select style="width: 320px; display: inline-block"
                   [items]="company"
                   bindLabel="name"
                   bindValue="id" aria-required="true"
                   clearAllText [placeholder]="'请选择公司'" [(ngModel)]="companyId" (change)="test()"
                   [notFoundText]="'无法找到'" [searchFn]="customSearchFn"
                   typeToSearchText>
          <ng-template ng-label-tmp let-item="item" let-clear="clear">
            <span class="ng-value-label">{{formatter(item, getValueFormatter())}}</span>
            <span class="ng-value-icon right" (click)="clear(item)" aria-hidden="true">×</span>
          </ng-template>
          <ng-template ng-option-tmp let-item="item">
            <span class="ng-value-label">{{formatter(item, getDownFormatter())}}</span>
          </ng-template>
        </ng-select>
      </div>
      <!--财务年度-->
      <div apes-col apesSpan="6">
        <span class="span">财务年度：</span>
        <ng-select style="width: 130px; display: inline-block"
                   [items]="year"
                   bindLabel="year"
                   bindValue="year"
                   clearAllText [placeholder]="'请选择财务年度'" [(ngModel)]="yearId" (change)="invokmonth()"
                   [notFoundText]="'无法找到'" typeToSearchText>
        </ng-select>
      </div>
      <!-- 会计月份-->
      <div apes-col apesSpan="6">
        <span class="span">会计月份：</span>
        <ng-select style="width: 130px; display: inline-block"
                   [items]="month"
                   bindLabel="month"
                   bindValue="month"
                   clearAllText [placeholder]="'请选择会计月份'" [(ngModel)]="monthId" [notFoundText]="'无法找到'"
                   typeToSearchText>
        </ng-select>
      </div>
    </div>

    <div style="padding: 0 8px">
      <ag-grid-angular #grid
                       style="width: 100%;" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       suppressLoadingOverlay="true"
                       [modules]="modules"
                       [rowData]="rowData"
                       [gridOptions]="gridOptions"
                       [columnDefs]="columnDefs"
                       [localeText]="localeText"
      >
      </ag-grid-angular>
    </div>


  </apes-content>

</div>
